const { defineConfig } = require("@vue/cli-service");
const path = require("path");
const timeStamp = new Date().getTime();
function resolve(dir) {
  return path.join(__dirname, dir);
}
// const target = "http://192.168.140.43:8080";
module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: (config) => {
    config.resolve.alias.set("@$", resolve("src"));
  },
  configureWebpack: {
    // 重点
    // 输出重构 打包编译后的js文件名称,添加时间戳.
    output: {
      filename: `js/[name].${timeStamp}.js`,
      chunkFilename: `js/chunk.[id].${timeStamp}.js`,
    },
  },
  css: {
    //重点.
    extract: {
      // 打包后css文件名称添加时间戳
      filename: `css/[name].${timeStamp}.css`,
      chunkFilename: `css/chunk.[id].${timeStamp}.css`,
    },
  },
  devServer: {
    open: false, // 是否打开浏览器;
    // hotOnly: true, // 是否热更新;
    // disableHostCheck: true,
    proxy: {
      // "/api": {
      //   // 路径中有 /api 的请求都会走这个代理
      //   target: "http://192.168.140.43:8082", // 目标代理接口地址,实际跨域要访问的接口，记得是填你后端springboot的端口，
      //   // secure: false,
      //   changeOrigin: true, // 开启代理，在本地创建一个虚拟服务端
      //   // ws: true, // 是否启用  websockets;
      //   pathRewrite: {
      //     // 去掉 路径中的  /api  的这一截
      //     "^/api": "",
      //   },
      // },
      // "/socket": {
      //   //webSocket代理
      //   target: "ws://192.168.140.43:8080", // 内网
      //   /*target: 'ws://你的服务器地址/parkingServer', // 外网*/
      //   /*target: 'ws://你的服务器地址/parkingServer',//本地测试*/
      //   ws: true, //开启ws, 如果是http代理此处可以不用设置
      //   changeOrigin: true,
      //   pathRewrite: {
      //     "^/socket": "/",
      //   },
      // },
    },
  },
});
